<template>
  <div  class="emailBox">
    <ul>
      <li v-for="(item,index) in emailBox" :key="index">
        <p v-if="index!==0"><a href="">{{ item }}</a></p>
        <span v-else><img :src="item" alt=""></span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "EmailBox",
  props:{
    emailBox:{
      type:Array,
      required:true
    }
  }
}
</script>

<style scoped>
  .emailBox{
    width:248px;
    height: 124px;
    /*border-right: 1px lightgray solid;*/
    float: left;
    padding-left: 25px;
  }
  .emailBox li{
    text-align: center;
    line-height: 25px;

  }
</style>